@mixin clearfix{
	zoom:1;
	&:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
}
@mixin linear-gradient(){
background-image: linear-gradient(top, rgb(205,144,249) 0%, rgb(146,21,242) 18%);
background-image: -o-linear-gradient(top, rgb(205,144,249) 0%, rgb(146,21,242) 18%);
background-image: -moz-linear-gradient(top, rgb(205,144,249) 0%, rgb(146,21,242) 18%);
background-image: -webkit-linear-gradient(top, rgb(205,144,249) 0%, rgb(146,21,242) 18%);
background-image: -ms-linear-gradient(top, rgb(205,144,249) 0%, rgb(146,21,242) 18%);

background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, rgb(205,144,249)),
	color-stop(0.18, rgb(146,21,242))
);	
}

body
{
	 ul, li, dl, dt, dd, h1, h2, p, input,a,button{
    margin: 0;
    padding: 0;
    font-family: Helvetica;
    text-decoration: none;
	}
	h1,h2{ 
		margin-bottom: 5px;
	}
	color: white;
	margin-right: 42px;

	li
	{ 
		list-style-type: none;
	}
	@include linear-gradient;

	& > header
	{
		margin-top: 30px;
	}

	header
	{
		
		div
		{
				form
				{
					margin-right: 62px;
				}
			&#header-container
			{
				@include clearfix;
			}
			&#reg-form-container
			{
				float: right;
			}
			&#logo-container
			{
				float: left;
			}
			input {
					border: 1px solid #603382;
					border-radius: 10px;
					background: #b35ef3;
					margin-bottom: 5px;
					margin-left: 5px;
			}
			button{ 
			border: 1px solid #603382;
			border-radius: 10px;
			background: #b35ef3;
			border-top-color: white;
			border-left-color: white;
			padding: 5px 10px;
			font-weight: bold;
			color: white;
			}

		}
		nav
		{
			@include clearfix;
			margin: 35px 26px;
			border: 1px solid black;
			padding: 15px;
			width: 911px;
			border-radius: 18px;
			ul{
				list-style:none;
			

				li
				{
					float: left;
					a{
						color: white;
						
					}
					margin-right: 15px;

				}
				ul
				{ 
					display: none;
				}
			}	
		}
		
	}
	
		section
		{ 
			float: left;
			width: 67%;
			margin-bottom: 5px;
			margin-left: 8px;
			a{ 
			color: #d0a3f7;
			}
				article
				{ 
					border: 1px solid black;
					padding: 24px 21px;
					border-radius: 10px;
					margin-bottom: 23px;
					footer{ 
					 text-align: right;
					}
				}
		
		}
		aside
		{ 
			float: right;
			width: 30%;
			a{ 
			color: #d0a3f7;
			}
				& > ul
				{ 
					ul{
						list-style-image: url('images/li-dot.png');
						margin-left: 35px;
				}
					& > li
						{
							border: 1px solid black;
							padding: 15px;
							border-radius: 5px;
						}
				}
		}
		& > footer
		{ 
			text-align: center;
			clear: both;
			margin: 10px 0;
			margin-bottom: 29px;
		}
}